<script setup lang="ts">
import { normalScanParamsType } from '@renderer/views/multiScanSeriesPage/helper/types'
import { useScanStore } from '@renderer/store/pinia/scan'

const {
  series
} = defineProps(['series'])

const scanStore = useScanStore()



</script>

<template>

  <el-form class="flex flex-col"
           label-width="110px"
           label-position="left"
           >
    <el-form-item label="seriesName">
      <el-input
        size="large"
        :max="160"
        :min="0"
        v-model="series.scanSeriesName" controls-position="right" />
    </el-form-item>

    <el-form-item label="kV" class="flex-1">
      <el-select size="large" v-model="series.params.kV.value"
                 :disabled="normalScanParamsType['kV'].disabled"
      >
        <el-option v-for="item in normalScanParamsType['kV'].values" :label="item" :value="item" />
      </el-select>
    </el-form-item>


    <el-form-item label="mA" class="flex-1">
      <el-select size="large" v-model="series.params.mA.value"
                 :disabled="normalScanParamsType['mA'].disabled"
      >
        <el-option v-for="item in  normalScanParamsType['mA'].values" :label="item" :value="item" />
      </el-select>
    </el-form-item>


    <el-form-item label="start">
      <el-input
        :disabled="normalScanParamsType['start'].disabled"
        size="large"
        :max="normalScanParamsType['start'].limit?.max"
        :min="normalScanParamsType['start'].limit?.min"
        :precision="normalScanParamsType['start'].limit?.precision"
        v-model="series.params['start'].value" controls-position="right" />
    </el-form-item>

    <el-form-item label="end">
      <el-input
        :disabled="normalScanParamsType['end'].disabled"
        size="large"
        :max="normalScanParamsType['end'].limit?.max"
        :min="normalScanParamsType['end'].limit?.min"
        :precision="normalScanParamsType['end'].limit?.precision"
        v-model="series.params['end'].value" controls-position="right" />
    </el-form-item>

    <template v-for="item in ['fov', 'windowWidth', 'windowCenter',]">
      <el-form-item :label="item">
        <el-input
          :disabled="normalScanParamsType[item].disabled"
          size="large"
          :max="normalScanParamsType[item].limit?.max"
          :min="normalScanParamsType[item].limit?.min"
          :precision="normalScanParamsType[item].limit?.precision"
          v-model="normalScanParamsType[item].value" controls-position="right" />
      </el-form-item>

    </template>

    <el-form-item label="angle">
      {{series.params['angle']['value']}}
<!--      <el-input-number-->
<!--        size="large"-->
<!--        :disabled="normalScanParamsType.angle.disabled"-->
<!--        :max="normalScanParamsType.angle.limit.max"-->
<!--        :min="normalScanParamsType.angle.limit.min"-->
<!--        :precision="normalScanParamsType.angle.limit.precision"-->
<!--        v-model="series.params['angle'].value" controls-position="right" />-->
    </el-form-item>

<!--    <template v-for="item in ['rotateTime', 'focus', 'reconstructMatrix','sliceThickness']" :key="item">-->
<!--      <el-form-item :label="item" class="flex-1">-->
<!--        <el-select size="large" v-model="series.params[item].value"-->
<!--                   :disabled="normalScanParamsType[item].disabled"-->
<!--        >-->
<!--          <el-option v-for="item1 in  normalScanParamsType[item].values" :label="item1" :value="item1" :key="item1" />-->
<!--        </el-select>-->
<!--      </el-form-item>-->
<!--    </template>-->

<!--    <template v-for="item in ['pitch','collimator','part','exposureTimes']" :key="item">-->
<!--      <el-form-item :label="item">-->
<!--        <el-input-->
<!--          :disabled="normalScanParamsType[item].disabled"-->
<!--          size="large"-->
<!--          :max="normalScanParamsType[item].limit?.max"-->
<!--          :min="normalScanParamsType[item].limit?.min"-->
<!--          :precision="normalScanParamsType[item].limit?.precision"-->
<!--          v-model="series.params[item].value" controls-position="right" />-->
<!--      </el-form-item>-->
<!--    </template>-->

  </el-form>
</template>

<style scoped>

</style>
